<!-- !Top-bar -->
<div id="top-bar" role="complementary">
    <div class="wf-wrap">
        <div class="wf-table wf-mobile-collapsed">
            <div class="wf-td">


                <div class="horizontal_scroller">
                    <div class="scrollingtext">
                        <?php $latestPostCount = count($this->latestPosts); foreach($this->latestPosts as $i => $latestPost):?>
                            <div class="scrolltext-item"><a href="<?php echo $latestPost->url?>" title="<?php echo CHtml::encode($latestPost->title)?>"><?php echo $latestPost->title?></a></div> 
                            <?php if($i < $latestPostCount-1 ):?>———<?php endif?>
                        <?php endforeach?>
                    </div>
                </div>


                <!-- <div class="mini-nav wf-float-left">
                <ul>
                <li><a href="#">Support Policy</a></li>
                <li><a href="#">Online Helpdesk</a></li>
                <li><a href="#">ThemeForest Profile</a></li>
                </ul>
                </div> -->

            </div>
        </div><!-- .wf-table -->
    </div><!-- .wf-wrap -->
</div><!-- #top-bar -->

<header id="header" class="logo-left" role="banner"><!-- class="overlap"; class="logo-left", class="logo-center", class="logo-classic" -->
    <div class="wf-wrap">
        <div class="wf-table">

            <!-- !- Branding -->
            <div class="wf-td" id="branding">
                <a title="<?php echo $this->siteDesc?>" href="<?php echo $this->baseUrl?>">
                    <img alt="<?php echo $this->siteDesc?>" src="<?php echo $this->themeUrl?>/files/img/banner_web.png">
                </a>
                <div class="assistive-text" id="site-title"><?php echo $this->siteName?></div>
                <div class="assistive-text" id="site-description"><?php echo $this->siteDesc?></div>
            </div>
            <?php /*
                <div id="branding-text" class="wf-td brand-text">
                <div id="site-name">
                <?php if($this->siteNameIsH1):?>
                <h1><a href="<?php echo $this->baseUrl?>"><?php echo $this->siteName?></a></h1>
                <?php else:?>
                <h2><a href="<?php echo $this->baseUrl?>"><?php echo $this->siteName?></a></h2>
                <?php endif?>
                </div>
                <div id="site-slogan"><?php echo $this->siteSlogan?></div>
                </div>
            */?>

            <!-- !- Navigation -->    
            <nav id="navigation" class="wf-td">
                <ul id="main-nav" class="fancy-rollovers wf-mobile-hidden" role="navigation"><!-- class="fancy-rollovers" is not avaliable for "logo-classic" header layout -->

                    <li <?php if($this->menu_selected == 'home') echo 'class="act"'?>><a href="<?php echo $this->baseUrl?>">Home</a></li>
                    <li <?php if($this->menu_selected == 'about') echo 'class="act"'?>><a href="<?php echo $this->createUrl('/web/page/about')?>">Giới thiệu</a></li>
                    <li <?php if($this->menu_selected == 'price') echo 'class="act"'?>><a href="<?php echo $this->createUrl('/web/page/price')?>">Bảng Giá</a></li>
                    <li class="has-children <?php if($this->menu_selected == 'post') echo 'act'?>">
                        <a href="<?php echo $this->createUrl('/web/post/index')?>">Bản tin Giặt Là Vui</a>
                        <ul class="sub-nav">
                            <?php foreach($this->cats as $cat): if(!$cat->post_count) continue;?>
                                <li <?php if($this->menu_selected == $cat->alias) echo 'class="act"'?>>
                                    <a title="Bài viết <?php echo CHtml::encode($cat->name)?>" href="<?php echo $cat->url?>"><?php echo $cat->name?></a>
                                </li>
                            <?php endforeach?>
                        </ul>
                    </li>
                    <li <?php if($this->menu_selected == 'help') echo 'class="act"'?>><a href="<?php echo $this->createUrl('/web/page/help')?>">Trợ giúp</a></li>
                    <li <?php if($this->menu_selected == 'contact') echo 'class="act"'?>><a href="<?php echo $this->createUrl('/web/page/contact')?>">Liên hệ</a></li> 
                </ul>

                <a href="#show-menu" rel="nofollow" id="mobile-menu">
                    <span class="menu-open">MENU</span>
                    <span class="menu-close">CLOSE</span>
                    <span class="menu-back">back</span>
                    <span class="wf-phone-visible">&nbsp;</span>
                </a>
            </nav>

        </div><!-- .wf-table -->
    </div><!-- .wf-wrap -->
</header><!-- #header -->
